import { Component } from 'vue'
import { SubMenuProps } from 'element-plus'
import { AnimateCssPropsType } from '@xtail/vue3'
import { MenuOptionsType } from '../../common'

export const SubMenuPropsType_Name = 'SubMenuPropsType'

export type SubMenuPropsType = Partial<SubMenuProps> & {
  // 菜单项图标组件
  icon?: Component
  // 菜单项图标组件 Props
  iconProps?: Record<string, any>
  // 标题
  title?: string | Component
  // 标题组件 Props
  titleProps?: Record<string, any>
  // 是否折叠收起菜单
  collapse?: boolean
  // 菜单标签动画组件 Props
  labelAnimateProps?: AnimateCssPropsType
  // 子菜单配置
  children?: MenuOptionsType
}
